
.smart {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;

  .smart-left-side {
    z-index: 99;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;

    .side-box {
      width: 100%;
      display: flex;
      height: 100%
    }

  }


  .arco-layout-header {
    width: 100%;
    box-shadow: @shadow-special;

    .arco-menu-horizontal .arco-menu-inner {
      padding: 15px 20px;
    }
  }

  .arco-layout-content {
    background: var(--color-bg-1);
  }

  .container {
    height: calc(100vh - 102px);
    padding: 12px;
    box-sizing: border-box;
    margin-top: 40px;


  }

  .arco-layout-sider {
    ::-webkit-scrollbar {
      width: 0;
    }
  }

  .smart-layout-tab {
    z-index: 1000;
    position: fixed;
    background: var(--color-bg-2);
    border-top: 1px solid var(--color-neutral-3);
    border-left: 1px solid var(--color-neutral-3);
    .arco-tabs-nav-type-card .arco-tabs-tab {
      border-top: unset;
      border-radius: unset;
      height: 40px;
      line-height: @size-10;
    }

    .arco-tabs-nav-type-rounded .arco-tabs-tab {
      height: 28px;
      line-height: 28px;
    }

    .arco-tabs-nav-type-card {
      .arco-tabs-tab-active, .arco-tabs-nav-type-card .arco-tabs-tab-active:hover {
        background: rgba(var(--primary-1));
        border-bottom: none;
      }
    }
  }
}